.files-detail-view {
  width: 100%;
  height: 100%;

  .tab-wrapper {
    position: absolute;
    top: 48px;
    z-index: 1;
    width: 100%;
    background: #fff;
    // padding-bottom: 50px;
    box-shadow: 0 0 1px #e0e0e0;
  }
}

.ant-btn-group{
  margin-left: -8px;
}
.imgSetting{
  margin-right: 6px;
  width: 15px;
  margin-bottom: 3px;
}

.files-detail-view .tab-wrapper{
  overflow-y: scroll;
  overflow-x: hidden;
}

.scrollStyle{
  overflow-y: scroll ;
  overflow-x: hidden;
}

@media screen and (min-width: 1000px) { 
  .downFlex {
    margin-left: 20.666667%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%;
     } 
     .upSetting{
      float: left;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 47.166667%;
     }

     .downSetting{
      float: left;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 49.833333%;
     }
  } 

@media screen and (min-width: 1230px) { 
  .downFlex {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%;
    margin-left: 32.166667%
     }

     .upSetting{
      float: left;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 57.166667%;
     }

     .downSetting{
      float: left;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 41.833333%;
     }
  } 

  @media screen and (min-width: 1366px) {
    .downFlex {
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 40.83333333%;
      margin-left: 35.166667%;
       }
  
       .upSetting{
        float: left;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 59.166667%;
       }
  
       .downSetting{
        float: left;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 37.833333%;
       }
    } 

    @media screen and (min-width: 1506px) { 
      .downFlex {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 40.83333333%;
        margin-left: 62.166667%;
         }
    
         .upSetting{
          float: left;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 64.166667%;
         }
    
         .downSetting{
          float: left;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 35.833333%;
         }
      } 
  

    @media screen and (min-width: 1800px) { 
      .downFlex {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 40.83333333%;
        margin-left: 68.166667%;
         }
    
         .upSetting{
          float: left;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 70.01%;
         }
    
         .downSetting{
          float: left;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 26.833333%;
         }
      } 

      .hover_s:focus{
        border-color: #d9d9d9 !important;
      }

      .hover_d:focus{
        color: #ffffff;
        background-color: #ff4d4f;
        border-color: #ff4d4f;
      }

      .deleteButt {
        color: #ffffff !important;
        background-color: #ff4d4f !important;
        border-color: #ff4d4f !important;
      }
      .imageLoad{
        text-align: center;
        border: 1px solid #f0f0f0;
        border-radius: 3%;
        width: 128px;
        height: 128px;
        color: rgb(186, 186, 186);
      }